﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/admin/list.css"/>
</head>
<body>
	<div class="mainheader">
		<ul>
			<li class="mainheader-tools"><a href="javascript:alert('添加');"><span class="mainheader-tools-button"><span class="tools-text">Add</span><span class="tools-icon icon-add">&nbsp;</span></span></a></li>
			<li class="mainheader-tools"><a href="javascript:alert('剪切');"><span class="mainheader-tools-button"><span class="tools-text">Edit</span><span class="tools-icon icon-cut">&nbsp;</span></span></a></li>
			<li class="mainheader-separator"><span class="tools-separator"></span></li>
			<li class="mainheader-tools"><a href="javascript:alert('保存');"><span class="mainheader-tools-button"><span class="tools-text">Save</span><span class="tools-icon icon-save">&nbsp;</span></span></a></li>
		</ul>
	</div>
	<div class="mainbody datagrid">
		<table class="grid">
			<thead>
				<tr>
					<th width="80" class="grid-serial"></th>
					<th width="100"><div class="grid-cell">Item Id</div></th>
					<th width="80"><div class="grid-cell">Product</div></th>
					<th width="80"><div class="grid-cell">List Price</div></th>
					<th width="100"><div class="grid-cell">Unit Cost</div></th>
					<th width="240"><div class="grid-cell">Attribute</div></th>
					<th width="60"><div class="grid-cell">Status</div></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><div class="grid-cell">1</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">2</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">3</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">4</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">5</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">6</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">7</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">8</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">9</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
				<tr>
					<td><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">EST-1</div></td>
					<td class="cell" class="cell"><div class="grid-cell">FI-SW-01</div></td>
					<td class="cell"><div class="grid-cell">36.5</div></td>
					<td class="cell"><div class="grid-cell">10</div></td>
					<td class="cell"><div class="grid-cell">Large</div></td>
					<td class="cell"><div class="grid-cell">P</div></td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td colspan="10">
						<div class="page-list">
							<a class="disabled" href="#">first</a>
							<a class="disabled" href="#">prev</a>
							<a class="current" href="#">1</a>
							<a href="#">2</a>
							<a href="#">3</a>
							<a href="#">...</a>
							<a href="#">25</a>
							<a href="#">26</a>
							<a href="#">27</a>
							<a href="#">...</a>
							<a href="#">45</a>
							<a href="#">46</a>
							<a href="#">47</a>
							<a href="#">next</a>
							<a href="#">last</a>
						</div>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script> 
</body>
</html>
